@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1469085346_1531012.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1469085346_1531012.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1469085346_1531012.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1469085346_1531012.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1469085346_1531012.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                                                              
.icon {
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-search:after {
    content: "\e600";
}

.icon-lock:after {
    content: "\e601";
}

.icon-user:after {
    content: "\e602";
}

.icon-add:after {
    content: "\e603";
}

.icon-setting:after {
    content: "\e608";
}

.icon-hollow:after {
    content: "\e605";
}

.icon-heart:after {
    content: "\e606";
}

.icon-sync:after {
    content: "\e607";
}

.icon-fork:after {
    content: "\e616";
}

.icon-radio:after{
    content: "\e609";
}

.icon-radio-checked:after{
    content: "\e60b";
}

.icon-checkbox:after{
    content: "\e60c";
}

.icon-checkbox-checked:after{
    content: "\e60a";
}

.icon-nick:after{
    content: "\e60d";
}

.icon-msg:after {
    content: "\e611";
}

.icon-friend:after {
    content: "\e610";
}

.icon-editor:after {
    content: "\e60f";
}

.icon-stars:after {
    content: "\e612";
}

.icon-remove:after {
    content: "\e613";
}

.icon-min:after {
    content: "\e614";
}

.icon-max:after {
    content: "\e617";
}

.icon-camera{
    content: "\e604";
}